<template>
	<view class="comment-box">
		<view class="comment-top">
			<view class="image-comment"><img :src="imageUrl" alt="" class="img-box"/></view>

			<view class="title-comment">{{title}}</view>
		</view>
		<view class="comment-top" v-if='hufuTitle'>
			<view>回复
			</view>
			<view class="image-comment"><img :src="hufuUrl" alt="" class="img-box"/></view>
		
			<view class="title-comment">{{hufuTitle}}</view>
		</view>
		<view class="comment-center">{{describe}}</view>
		<view class="comment-bottom">
			<view class="comment-time">{{time}}</view>
			<view class="hufu" @click="getCompany">回复</view>
		</view>
		<view class="underline"></view>
	</view>
</template>

<script setup>
import {defineProps,defineEmits} from "vue"
const props=defineProps({
	imageUrl:{
		type:String,
		default:"https://minio.gzryzl.com/huatai/2024-11-12/1731398690225comment-top.png"
	},
	hufuUrl:{
		type:String,
		default:"https://minio.gzryzl.com/huatai/2024-11-12/1731398690225comment-top.png"
	},
	title:{
		type:String,
		default:"贵阳松海旅游科技有限公司"
	},
	describe:{
		type:String,
		default:"我公司有残存的50套PCL 线板，但是是8个TPP接口的，苏州产地，不兼容NTSC，能否满足？"
	},
	time:{
		type:String,
		default:"发布于 1月30日"
	},
	hufuTitle:{
		type:String,
		default:""
	}
})
const emit=defineEmits(['getCompanydata'])
function getCompany(){
	emit('getCompanydata',props.title)
}
</script>

<style lang="less" scoped>
.comment-box{
	width: 94vw;
	padding:1rpx 30rpx;
	background-color: #FFFFFF;
	.comment-top{
		display: flex;
		align-items: center;
		font-size: 24rpx;
		margin-bottom: 10rpx;
		padding-top: 10rpx;
		color: #9B9B9B;
		.comment-play{
			color: #9B9B9B;
		}
		.image-comment{.img-box{
			width: 40rpx;
			height: 40rpx;
		}}
		
	}
	.comment-center{
		font-family: "ali";
		font-size: 28rpx;
		
	}
	.comment-bottom{
		font-size: 24rpx;
		color: #9B9B9B;
		display: flex;
		justify-content: space-between;
		margin: 30rpx 0;
		.hufu{
			color: #5590F6;
		}
	}
	.underline{
		width: 96vw;
		height: 1rpx;
		background-color: #DADADA;
	}
}
</style>
